<!DOCTYPE html>
<html>
<head lang="en">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
	<link rel="shortcut icon" href="img/smlogo.png" type="image/x-icon">
    <meta name = "format-detection" content="telephone = no" />
    <meta charset="UTF-8">
    <title>Pulu</title>
    <link rel="stylesheet" href="css/index2.css"/>
    <style>
        .Cell .tc_image img {
            max-height: 33px;
            max-width: 33px;
        }
        .Cell .tc_inner{
            line-height: 30px;
            border-bottom:1px solid #ECECEC;
            margin:0;
            position: relative;
        }
        .relasimg{
            width:13px;
            height:13px;
        }
        .Cell .tc_image a{
            overflow: hidden;
            width:100%;
            height:100%;
            z-index: 1000;
        }
        .friends{
            position: relative;
            overflow: hidden;
            padding:15px 20px;
        }
        .friends>div{float: left;}
        div.imageplace{
            width:15%;
            max-width: 51px;
        }
        div.imageplace>a{
            width:33px;
            height:100%;
            display: block;
        }
        div.imageplace img{
            width:33px;
            height:33px;
        }
        div.innerplace{
            width:85%;
            height:33px;
        }
        #newsplace>p{
            padding:10px;
            text-align: center;
            color:#333;
            font-size: 15px;;
        }
        #newsplace>.friends>.innerplace.wordplace{
            height:auto;
            margin-right:0;
        }
        #newsplace>.friends>.innerplace.wordplace a{
            font-size: 19px;
            color: #1D1D1D;
        }
        div.innerplace a{
            display: inline-block;
            height:33px;
            width: 100%;
            line-height: 33px;;
        }
        #newsplace div.innerplace img{
            width:20px;
            height:20px;
        }
        /*好友列表*/
        .section_header.section_header_gray{display:block;}
        .friends{border-bottom:1px solid #ECECEC;}
        #listplace{
            margin-bottom:15px;
            min-height:100vh;
            background:#ececec;
        }
		/*右侧导航条*/
        .rightnav{
            position: fixed;
            right: 8px;
            top: 80px;
            z-index: 1000;
        }
        .rightnav>div {
            width: 27px;
            height: 14px;
            text-align: center;
        }
        .rightnav>div {
            color: #313131;
            font-size: 14px;
        }
        #chatpageheader{
            left:50%;
            transform: translateX(-50%);
        }
        #newfriendbtn,#biaoqian,#historynote,#strangepeople{cursor: pointer;}
        #newfriendbtn i{
            display:none;
            position:absolute;
            z-index: 100;
            top:13px;
            left:47px;
            width:9px;
            height:9px;
            border-radius:50%;
            background: #B92B27;
        }
        /*好友申请*/
        #newsplace>.friends{
            padding:9px 14px;
        }
        #newsplace>.friends>.imageplace{
            width:55px;
            height:55px;
            max-width:55px;
            float:left;
        }
        #newsplace>.friends>.innerplace{
            width:auto;
            float: none;
            margin-left:70px;
            margin-right:130px;
            font-size: 19px;
            color:#1D1D1D;
        }
        #newsplace>.friends>.innerplace p{
            text-overflow:ellipsis;
            white-space:nowrap;
            overflow:hidden;
            font-size: 15px;
            color:#959595;
        }
        #newsplace>.friends>.addfribtn{
            width:57px;
            height:30px;
            line-height: 30px;
            text-align: center;
            border: 1px solid #34A933;
            box-sizing: border-box;
            border-radius: 2px;
            float:right;
            margin-top:10px;
            font-size:16px;
            color:#fff;
            background: #1AAD19;
            cursor:pointer;
        }
        #newsplace>.friends>.delfribtn{
            margin-right: 5px;
            width:57px;
            height:30px;
            line-height: 30px;
            text-align: center;
            border: 1px solid #FF0000;
            box-sizing: border-box;
            border-radius: 2px;
            float:right;
            margin-top:10px;
            font-size:16px;
            color:#fff;
            background: #FF0000;
            cursor:pointer;
        }
        #newsplace>.friends>.haveadd{
            color:#B3B3B3;
            width:69px;
            height:35px;
            line-height: 35px;
            text-align: center;
            box-sizing: border-box;
            border-radius: 2px;
            float:right;
            margin-top:10px;
            font-size:16px;
        }
        #news,#friends{
            cursor: pointer;
        }
        .showtime.rt{
            font-size: 12px;
            color:#B2B2B2;
        }
        /*改*/
        #newsplace .ts_cells{border-bottom:none;}
        #historynote.Cell{height:auto;}
        #historynote.Cell .tc_image {
            padding: 15px 0 0 20px;
            position: absolute;
        }
        #historynote.Cell .tc_inner {
            line-height: 30px;
            padding-left:65px;
            margin: 0;
            position: relative;
        }
        #historynote.Cell .tc_image img {
            max-height: 33px;
            max-width: 33px;
        }
        #historynote.Cell .tc_inner {
            line-height: 30px;
            height:auto;
            border-bottom: 1px solid #ECECEC;
            margin: 0;
            position: relative;
        }
        /*点*/
        #chatpageheader{
            padding-left: 10px;
            padding-right: 10px;
        }
        #chatpageheader i{
            display:none;
            position: absolute;
            width: 9px;
            height: 9px;
            background: #fff;
            border-radius: 50%;
            top: 9px;
            right: 58px;
        }
        /*扫码*/
        #scan{
            display:none;
            width:44px;
            height:44px;
            float:right;
            background: url("img/scan.png")no-repeat center;
            background-size: 18px;
        }
        #news{text-overflow: clip;}
        #news i{
            right: -5px;
            top: -4px;
        }
        .Header .fixed_header .header_main .page_title{text-overflow:inherit;}
    </style>
</head>
<body class=" experiment-lookup_bar-on gating-feed_switcher_bar-on mweb gating-new_mweb_header_logged_out-off" id="chatpage">
<div class="PageWrapper nonav">
    <div class=" has_toolbar">
        <!-- 头部-->
        <div class="Header ModalHeader">
            <div class="fixed_header">
                <div class="header_main">
                    <button class="mweb_modal_back_button" id="gobackbtn"></button>
                    <div class="page_title unified" id="chatpageheader">
                        <span id="friends" class="isclick">关注</span>
                        <span id="news" style="position:relative;">消息<i></i></span>
                        <i></i>
                    </div>
                    <a id="scan"></a>
                </div>
            </div>
        </div>
        <!-- 好友列表部分-->
        <div id="listplace" style="display:block;">
            <div class="Section">
                <ul class="ts_cells">
                    <!-- 新的好友-->
                    <li class="Cell" id="newfriendbtn" style="display:none;">
                        <i></i>
                        <div class="tc_image">
                            <img src="img/newfriend02.png" class="topic_photo_img"/>
                        </div>
                        <span class="tc_inner">
                            <span class="tc_text">新的朋友</span>
                        </span>
                    </li>
                    <!--群聊-->
                    <!--<li class="Cell" id="allchatbtn" style="display:none">-->
                        <!--<div class="tc_image">-->
                            <!--<img src="img/news01.png" class="topic_photo_img"/>-->
                        <!--</div>-->
                        <!--<span class="tc_inner">-->
                            <!--<span class="tc_text">主题聊天</span>-->
                        <!--</span>-->
                    <!--</li>-->
                    <!--可能认识的人-->
                    <li class="Cell" id="strangepeople" style="display:none;">
                        <div class="tc_image">
                            <img src="img/a_h.png" class="topic_photo_img"/>
                        </div>
                        <span class="tc_inner">
                            <span class="tc_text">可能认识的人</span>
                        </span>
                    </li>

                    <!--标签-->
                    <li class="Cell" id="biaoqian" style="display:none;">
                        <div class="tc_image">
                            <img src="img/biaoqian02.png" class="topic_photo_img"/>
                        </div>
                        <span class="tc_inner">
                            <span class="tc_text">标签</span>
                        </span>
                    </li>
                </ul>
                <!-- 主列表-->
                <div class="Cell" id="a">
                    <div id="jinghao" style="display: none">
                        <div class="section_header section_header_gray">
                            <span>#</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 好友申请信息-->
        <div id="newsplace" style="display:none;">
            <!--历史消息-->
            <ul class="ts_cells">
                <li class="Cell" id="historynote">
                    <div class="tc_image">
                        <img src="img/puluapp3.png" class="topic_photo_img"/>
                    </div>
                    <span class="tc_inner">
                        <span class="tc_text">系统消息</span>
                    </span>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--右侧导航条-->
<div class="rightnav" style="display: block;">
    <div id="jinghaobtn"><a href="#">#</a></div>
    <div class="zmbtn">A</div>
    <div class="zmbtn">B</div>
    <div class="zmbtn">C</div>
    <div class="zmbtn">D</div>
    <div class="zmbtn">E</div>
    <div class="zmbtn">F</div>
    <div class="zmbtn">G</div>
    <div class="zmbtn">H</div>
    <div class="zmbtn">I</div>
    <div class="zmbtn">J</div>
    <div class="zmbtn">K</div>
    <div class="zmbtn">L</div>
    <div class="zmbtn">M</div>
    <div class="zmbtn">N</div>
    <div class="zmbtn">O</div>
    <div class="zmbtn">P</div>
    <div class="zmbtn">Q</div>
    <div class="zmbtn">R</div>
    <div class="zmbtn">S</div>
    <div class="zmbtn">T</div>
    <div class="zmbtn">U</div>
    <div class="zmbtn">V</div>
    <div class="zmbtn">W</div>
    <div class="zmbtn">X</div>
    <div class="zmbtn">Y</div>
    <div class="zmbtn">Z</div>
</div>

<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script>
    if(window.screen.availWidth>1000){
        $(".rightnav").css("right",(parseFloat(window.screen.availWidth)-1000)/2+8+"px");
    }
</script>
<!--<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>-->
<script src="ftnjs/nicksort.js"></script>
<script src="js/tohref.js"></script>
<script src="ftnjs/urlnote.js"></script>
<script src="ftnjs/sendfaceftn.js"></script>
<script src="js/chatpage.js"></script>
<!--环信-->
<script type="text/javascript" src="sdk/webim.config.js"></script>
<script src="sdk/strophe-1.2.8.min.js"></script>
<script src="sdk/websdk-1.4.5.min.js"></script>
<script src="ftnjs/savefriendmes.js"></script>

</body>
</html>